import { Component } from '@angular/core';

// The CrisisCenterComponent has the following in common with the AppComponent:

// It is the root of the crisis center area, just as AppComponent is the root of the entire application.
// It is a shell for the crisis management feature area, just as the AppComponent is a shell to manage the high-level workflow.

// Like most shells, the CrisisCenterComponent class is very simple, simpler even than AppComponent: 
// it has no business logic, and its template has no links, just a title and <router-outlet> for the crisis center child views.

// Unlike AppComponent, and most other components, it lacks a selector. It doesn't need one since you don't 
// embed this component in a parent template, instead you use the router to navigate to it.

@Component({
    template: `
    <h2>CRISIS CENTER</h2>
    <router-outlet></router-outlet>
  `
})
export class CrisisCenterComponent { }